<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册页面</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/regedit.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="regedit.html"><span>注册</span></a>
								<a href="nosettl.html"><span>登录</span></a>
								<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="cart.html"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart.html" style="border-right: none;">
										<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
					</div>
					<div class="search-box">
						<form action="#">
							<input type="text" placeholder="search" />
							<!--<input type="image" src="img/search.png" />-->
							<a href="#"><i class="iconfont icon-sousuo"></i></a>
						</form>
						<div>
							<ul>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			<!--导航栏-->
			<div class="setion">
				<div class="setion-nav clearfix"> 
					<ul class="clearfix">
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">木工</a>
							<div class="setion-ul-box">
								<div class="setion-ul-content clearfix">
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">板材</li>
											<li><a href="#">装饰面板</a></li>
											<li><a href="#">宝丽版</a></li>
											<li><a href="#">三聚氰胺版</a></li>
											<li><a href="#">铝朔版</a></li>
											<li><a href="#">多层版</a></li>
											<li><a href="#">中纤版</a></li>
											<li><a href="#">细木工板</a></li>
											<li><a href="#">刨花版</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">欧松板</a></li>
											<li><a href="#">防火板</a></li>
											<li><a href="#">密度板</a></li>
											<li><a href="#">其他板材</a></li>
										</ul>
									</div>
									<div class="text2 fl">
										<ul>
											<li class="title">地板</li>
											<li><a href="#">实木地板</a></li>
											<li><a href="#">实木复合地板</a></li>
											<li><a href="#">强化复合地板</a></li>
											<li><a href="#">竹地板</a></li>
											<li><a href="#">软木地板</a></li>
											<li><a href="#">塑料地板</a></li>
											<li><a href="#">PVC地板</a></li>
											<li><a href="#">其他地板</a></li>
										</ul>
									</div>
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">木线</li>
											<li><a href="#">普通龙骨</a></li>
											<li><a href="#">精品龙骨</a></li>
											<li><a href="#">顶线</a></li>
											<li><a href="#">门线</a></li>
											<li><a href="#">角线</a></li>
											<li><a href="#">木方线</a></li>
											<li><a href="#">收口线</a></li>
											<li><a href="#">花木线</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">踢脚线</a></li>
											<li><a href="#">定制木线</a></li>
											<li><a href="#">其它木线</a></li>
										</ul>
								    </div>
								    <div class="setion-text fl">
										<ul class="fl">
											<li class="title">地板配件</li>
											<li><a href="#">地板钉</a></li>
											<li><a href="#">扣条</a></li>
											<li><a href="#">地垫</a></li>
											<li><a href="#">地板蜡</a></li>
											<li><a href="#">地板清洁剂</a></li>
											<li><a href="#">底板防水油</a></li>
											<li><a href="#">地板修补剂</a></li>
											<li><a href="#">甲醇清除剂</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">地板安装工具</a></li>
											<li><a href="#">其他地板配件 </a></li>
										</ul>
								    </div>
								    <div class="text2 fl">
										<ul>
											<li class="title">吊顶钢龙骨</li>
											<li><a href="#">吊筋</a></li>
											<li><a href="#">吊钢</a></li>
											<li><a href="#">轻钢龙骨</a></li>
											<li><a href="#">扣板龙骨</a></li>
											<li><a href="#">铝合金龙骨</a></li>
											<li><a href="#">其它吊件</a></li>
										</ul>
								    </div>
								    <div class="setion-text4 fl">
										<ul class="fl">
											<li class="title">木工类五金</li>
											<li><a href="#">拉手</a></li>
											<li><a href="#">锁</a></li>
											<li><a href="#">合页</a></li>
											<li><a href="#">铰链</a></li>
											<li><a href="#">插销</a></li>
											<li><a href="#">门夹</a></li>
											<li><a href="#">碰珠</a></li>
											<li><a href="#">脚轮</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">闭门器</a></li>
											<li><a href="#">地弹簧</a></li>
											<li><a href="#">吊轮</a></li>
											<li><a href="#">导轨</a></li>
											<li><a href="#">螺栓</a></li>
											<li><a href="#">钉</a></li>
											<li><a href="#">角码</a></li>
											<li><a href="#">螺母</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">围网</a></li>
											<li><a href="#" style="width: 84px;">其他木工五金</a></li>
										</ul>
								    </div>
							</div>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">泥水工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">油漆工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">水电工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">门窗/其他</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">装修工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">消费工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">建筑防护</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">精细化学品</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
			<!--内容-->
			<div class="content">
				<div class="regedit_list">
					<div class="login_list">
						<form action="" method="post" autocomplete="off">
							
							<ul>
								<li>
									<h2>登录</h2>
								</li>
								<li>
									<p>邮箱、手机</p>
									<input class="a" type="text" name="" id="" value="" />
									
									<div style="width: 100%; padding: 0;" class="number_error_msg">
									<p>
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span  style="font-size: 12px; color: red; vertical-align: middle;">邮箱/手机号码格式不正确，请重新输入</span>
									</p>
										
									</div>
								</li>
								<li>
									<p>密码</p>
								<input type="password" name="" />
								<div style="width: 100%; padding: 0;" class="pw_error_msg">
										
										<p >
											<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
											</span>
											<span style="font-size: 12px; color: red; vertical-align: middle;">密码输入错误</span>
										</p>
									</div>
								</li>
								<li>
									<input type="button" id="" value="登录" />
								</li>
								<li class="pw_fget">
									<input type="checkbox" name="" id="pw" value="" />
									<label for= "pw">
										记住密码
										</label>
									<span class="fr">
										<a href="#">忘记密码?</a>
									</span>
								</li>
							</ul>
							
						</form>
					</div>
					<div class="sign_up">
						<form action="" method="post">
							
							
						
						<ul>
							<li>
								<h2>注册</h2>
							</li>
							<li>
								<p>注册账户后，可以享受我们的服务哦，如快速转账、查看订单等。</p>
							</li>
							<li class="warm_tipe"><span style="color: red;"><b>*</b>必须填写栏目</span></li>
							<li>
								<p><span style="color: red;">*</span>邮箱</p>
							<input type="text" name="" id="" value="" />
							<div style="width: 100%; padding: 0;" class="em_error_msg">
										
									<p >
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span style="font-size: 12px; color: red;">邮箱/手机格式不正确，请重新输入</span>
									</p>
										
									</div>
							</li>
							<li>
								<p> <span style="color: red;">*</span>手机</p>
								<input type="text" name="" id="" value="" />
								<div style="width: 100%; padding: 0;" class="number_error_msg">
									<p >
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span style="font-size: 12px; color: red; vertical-align: middle;">手机号码格式不正确，请重新输入</span>
									</p>
										
									</div>
							</li>
							<li>
								<p class="cancel_block"><span style="color: red;">*</span>密码</p>
								<span>(6~20个字符)</span>
								<input type="password" name="" id="" value="" />
								<div style="width: 100%; padding: 0;" class="number_error_msg">
									<p >
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span style="font-size: 12px; color: red;vertical-align: middle;">密码不正确，请重新输入</span>
									</p>
										
									</div>
							</li>
							<li>
								<p>
									<span style="color: red;">*</span>确认密码
								</p>
								<input type="password" name="" id="" value="" />
								
							</li>
							<li>
								<p class="cancel_block">姓名</p>
								<span>(选填)</span>
								<input type="text" name="" id="" value="" />
							</li>
							<li class="add">
								<p>类别</p>
								<span>
								<input type="radio" name="category" id="person" value="classes" />
								<label for="person">个人</label>
								</span>
								<span class="fr_radio">
								<input type="radio" name="category" id="firm" value="classes" />
								<label for="firm">企业</label>	
								</span>
							</li>
							<li class="add">
								<input type="button" id="" value="注册" />
							</li>
							<li >
								<input type="checkbox" id="agree" value="" />
								<a href="">    <label for="agree">《同意用户注册》</label></a>
								
							</li>
							
						</ul>
						</form>
					</div>
					<div class="my_order">
						<form action="" method="post">
							

						
						<ul>
							<li>
								<h2>我的订单</h2>
							</li>
							<li  class="add">
								<p>查看订单记录及追踪配送状态</p>
							</li>
							<li>
								<p>订单号</p>
								<input type="text" name="" id="" value="" />
								<div style="width: 100%; padding: 0;" class="number_error_msg">
									<p >
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span style="font-size: 12px; color: red;vertical-align: middle;">没有该订单号</span>
									</p>
										
									</div>
							</li>
							<li>
								<p>邮箱</p>
								<input type="text" name="" id="" value="" />
								<div style="width: 100%; padding: 0;" class="number_error_msg">
									<p >
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span style="font-size: 12px; color: red;vertical-align: middle;">邮箱格式不正确，请重新输入</span>
									</p>
										
									</div>
							</li>
							<li><input type="button" id="" value="订单追踪" /></li>
						</ul>
						</form>
					</div>
				</div>
				
				
				
			</div>
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>